<template>
	<view>
		<view class="top">
			<view class="top-font">你好！{{ userName }}</view>
			<view class="top-avatar">
				<u--image
				    :showLoading="true"
				    :src="src"
				    height="120rpx" width="120rpx"
				    @click="click"
					shape="circle"
				  ></u--image>
			</view>
		</view>

		<view style="margin: 0 30rpx 0 30rpx;">
			<u-cell-group>
				<u-cell class="cell" icon="account" title="个人资料" isLink></u-cell>
				<u-cell icon="order" title="我的订单" isLink></u-cell>
				<u-cell icon="edit-pen" title="我的考勤" isLink></u-cell>
				<u-cell icon="more-circle" title="我的课表" isLink></u-cell>
				<u-cell icon="calendar" title="我的课表" isLink></u-cell>
				<u-cell icon="man-add" title="分销中心" isLink @click="goToDistribution"></u-cell>
				<u-cell icon="setting" title="设置" isLink ></u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: "https://ss0.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2279408239,3825398873&fm=253&gp=0.jpg",
				userName: "小汁",
			}
		},
		onLoad() {

		},
		methods: {
			goToDistribution() {
							uni.navigateTo({
								url: '/pages/distributionApplication/distributionApplication'
							});
						}
		}
	}
</script>

<style lang="scss">

.top{
	width: 100%;
	height: 250rpx;
	background: #0F40F5;
	border: 1rpx solid #0d05f6;
	.top-font{
		font-size: 45rpx;
		font-family: cursive;
		font-style: italic;
		color: white;
		padding: 100rpx 55rpx 10rpx;
		float: left;
	}
	.top-avatar{
		margin-top: 65rpx;
		margin-right: 95rpx;
		float: right;
	}
}


</style>
